<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/views/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="decorator" content="main" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- 
<jsp:include page="/WEB-INF/views/inc/meta.jsp"></jsp:include>
 -->
<title>用户管理</title>
<script type="text/javascript">
	$(function() {
		query();

	});
	function queryByIdOrName() {

		hasPowerOrNot();
		var checkValue = $(".combobox option:selected").val();
		var searchValue = $("#search").val();
		console.log(searchValue);
		if (searchValue != 0) {
			$('#dg').datagrid({
				url : '${ctx}/user/userInfo.do?method=findById',
				pagination : true,
				title : '用户列表',
				queryParams : {
					selectednum : checkValue,
					findValue : searchValue,
				},
				fitColumns : true,

				toolbar : '#tb',
				columns : [ [ {
					field : 'username',
					title : '用户名',
					width : 100
				},

				{
					field : 'tel',
					title : '电话',
					width : 100,
					align : 'right'
				}, {
					field : 'email',
					title : '电子邮件',
					width : 100,
					align : 'right'
				}, {
					field : 'status',
					title : '描述',
					width : 100,
					align : 'right'
				}, {
					field : 'userid',
					title : '用户编号',
					width : 100,
					checkbox : true,
					align : 'left'
				} ] ]
			});
		} else {
			query();
		}
	}
	function query() {
		hasPowerOrNot();

		var params = $('#qryFrom').serializeObject();

		$('#dg').datagrid({
			url : '${ctx}/user/userInfo.do',
			pagination : true,
			queryParams : params,
			fitColumns : true,
			title : '用户列表',
			toolbar : '#tb',

			columns : [ [ {
				field : 'userid',
				title : '操作',
				width : 50,
				checkbox : true,
				align : 'left'
			}, {
				field : 'username',
				title : '用户名',
				width : 50
			},

			{
				field : 'tel',
				title : '电话',
				width : 50,
				align : 'left'
			}, {
				field : 'email',
				title : '电子邮件',
				width : 50,
				align : 'left'
			}, {
				field : 'status',
				title : '描述',
				width : 50,
				align : 'left'
			}
			/*, {
				field : 'userid',
				title : '操作',
				width : 50,
				align : 'center',
				formatter : optfmt
			}*/
			] ]
		});
	}

	function hasPowerOrNot() {
		$("#tbadd").hide();

		$("#tbset").hide();

		<c:forEach var="menu" items="${sessionScope.menu}">
		<c:set value="${menu.list}" var ="list" />
		<c:if test="${menu.menuIno.menuId==2}">
		<c:forEach var="items" items="${menu.list}">
		console.debug("${items.menuId}");
		<c:if test="${items.menuId==7}">
		console.debug("${items.menuName}");
		$("#tbadd").show();
		</c:if>
		<c:if test="${items.menuId==22}">
		console.debug("${items.menuName}");
		$("#tbset").show();
		</c:if>
		</c:forEach>
		</c:if>
		</c:forEach>

	}
	function addForm() {

		var url = '${ctx}/user/userInfo.do?method=initForm&userid=';

		url += 0;

		window.location.href = url;

	}
	//用户编辑
	function updateForm() {
		var info = ($('#dg').datagrid('getSelections'));

		if (info.length > 1) {
			$.messager.alert("操作提示", "您选择了多个数据，请选择一条数据进行修改！", "warning");
			//alert("您选择了多个数据，请选择一条数据进行修改");
		} else if (info.length == 1) {
			var userid = info[0].userid;

			var url = '${ctx}/user/userInfo.do?method=initForm&userid=';

			url += userid;
			window.location.href = url;
		} else {

			$.messager.alert("操作提示", "您未选择要编辑的用户，请选择一个进行编辑！", "warning");
		}
	}
	//用户角色设置
	function setUserRole(userid) {
		var info = ($('#dg').datagrid('getSelections'));
		if (info.length > 1) {
			$.messager.alert("操作提示", "您选择了多个角色，请选择一个角色进行配置！", "warning");

		} else if (info.length == 0) {

			$.messager.alert("操作提示", "您未选择要设置的用户，请选择一个角色进行配置！", "warning");
		} else {
			var userid = info[0].userid;

			$('#dd').show();
			$('#dd').dialog({
				collapsible : true,
				minimizable : true,
				maximizable : true,
				modal : true,
				toolbar : [ {
					text : '保存',
					iconCls : 'icon-save',
					handler : function() {
						alert('保存数据')
					}
				} ],
				buttons : [ {
					text : '提交',
					iconCls : 'icon-ok',
					handler : function() {
						alert('提交数据');
						var nodes = $('#tt').tree('getChecked');
						var roleids = [];
						for (var i = 0; i < nodes.length; i++) {
							roleids[i] = nodes[i].id;
						}
						$.ajax({
							type : "GET",
							url : '${ctx}/user/UserRoleServlet?method=tijiao',
							data : "userid=" + userid + "&roleids=" + roleids,
							success : function(msg) {
								alert("配置成功!");
								$('#dd').dialog('close');
							}

						});
					}
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#dd').dialog('close');
					}
				} ]
			});
			$('#tt')
					.tree(
							{
								url : '${ctx}/user/UserRoleServlet?method=jsontree&userid='
										+ info[0].userid,
								checkbox : true,
								method : 'get'
							});
		}

	}

	function delUser() {
		var info = ($('#dg').datagrid('getSelections'));
		var ids = [];
		if (info.length == 0) {
			$.messager.alert("操作提示", "您还没选择任何数据！", "warning");
		} else {
			for (i = 0; i < info.length; i++) {
				ids.push(info[i].userid);
			}
			;

			var url = '${ctx}/user/userInfo.do';
			$.messager.confirm('确认', '您确认想要删除' + ids.length + '条记录吗？',
					function(r) {
						if (r) {
							$.ajax({
								type : "POST",
								url : url,
								data : 'method=del&userids=' + ids,
								success : function(dto) {
									$.messager.alert('警告', dto.msg);
									$('#dg').datagrid("reload");
								}
							});
						}
					});
		}
	}
</script>
</head>
<body>
	<ul class="breadcrumbs">
		<li><a href="${ctx}/login/LoginIndexRequestServlet.do"><i
				class="iconfa-home"></i></a> <span class="separator"></span></li>
		<li>用户管理</li>
	</ul>
	<div class="maincontent">
		<div class="maincontentinner">
			<div class="row-fluid">
				<div class="span12">
					<div class="widget">
						<h4 class="widgettitle">用户列表</h4>
						<div class="widgetcontent">
							<form id="qryFrom">
								<div style="min-height: 70px;">
									<input type="hidden" name="method" value="load" /> <label>查询类型：</label>
									<select class="combobox" id="findvalue" name="orderStatus"
										style="width: 100px;" panelHeight="130px;">
										<option value="1">-用户id-</option>
										<option value="2">-用户名称-</option>
									</select> <label>请输入内容:</label> <input type="text" name="search"
										id="search" style="width: 100px;" /> <span
										style="padding-left: 20px;"></span> <a
										class="btn btn-md btn-default" onclick="queryByIdOrName()">查询</a>
								</div>
							</form>


							<div id="tb">
								<a href="#" id="tbadd" class="easyui-linkbutton"
									onclick="addForm()"
									data-options="iconCls:'icon-add',plain:true">添加</a> <a
									href="#" class="easyui-linkbutton" onclick="delUser()"
									data-options="iconCls:'icon-remove',plain:true">删除</a> <a
									href="#" class="easyui-linkbutton" onclick="updateForm()"
									data-options="iconCls:'icon-edit',plain:true">编辑</a> <a
									href="#" id="tbset" class="easyui-linkbutton"
									onclick="setUserRole()"
									data-options="iconCls:'icon-search',plain:true">设置用户角色</a>
							</div>

							<table id="dg" class="easyui-datagrid"></table>
							<div id="dd"
								style="display: none; padding: 5px; width: 400px; height: 500px;"
								title="用户角色设置">
								<input id="txRoleID" type="hidden" runat="server" value="0" />
								<ul id="tt"></ul>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>